<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>学院</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script type="text/javascript" src="js/common.js" ></script>
		<link rel="stylesheet" href="css/swiper-4.3.3.min.css" />
		<link rel="stylesheet" href="css/common/common.css" />
		<link rel="stylesheet" href="css/college.css" />
	</head>
	<body>
		<input type="checkbox" id="check"/>
		<input type="checkbox" id="check1"/>
		<input type="checkbox" id="check_entry"/>
		<input type="checkbox" id="check_entry1"/>
		<div class="mobile">
			<header>
				<label for="check">
					<ul class="login">
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</label>
				<div class="logo"><img src="img/logo.png"/></div>
				<label for="check1">
					<div class="search"><img src="img/search.png"/></div>
				</label>
			</header>
			<section>
				<div class="swiper-container">
				    <div class="swiper-wrapper">
					    <div class="swiper-slide">
					    	<img src="img/pic1.png" />
					    	<div class="lbt_title">
					    		<div class="lbt_top">
					    			<p>预装软件的红与黑！从加法到减法</p>
					    		</div>
					    		<div class="lbt_bottom">
					    			<img src="img/history.png" />
					    			<span>10月19日 14:00 - 17:30</span>
					    			<img src="img/location.png" />
					    			<span>金广大厦2楼</span>
					    		</div>
					    	</div>
					    </div>
					    <div class="swiper-slide">
					    	<img src="img/pic2.png" />
					    	<div class="lbt_title">
					    		<div class="lbt_top">
					    			<p>预装软件的红与黑！从加法到减法</p>
					    		</div>
					    		<div class="lbt_bottom">
					    			<img src="img/history.png" />
					    			<span>10月19日 14:00 - 17:30</span>
					    			<img src="img/location.png" />
					    			<span>金广大厦2楼</span>
					    		</div>
					    	</div>
					    </div>
					    <div class="swiper-slide">
					    	<img src="img/pic3.png" />
					    	<div class="lbt_title">
					    		<div class="lbt_top">
					    			<p>预装软件的红与黑！从加法到减法</p>
					    		</div>
					    		<div class="lbt_bottom">
					    			<img src="img/history.png" />
					    			<span>10月19日 14:00 - 17:30</span>
					    			<img src="img/location.png" />
					    			<span>金广大厦2楼</span>
					    		</div>
					    	</div>
					    </div>
					    <div class="swiper-slide">
					    	<img src="img/pic4.png" />
					    	<div class="lbt_title">
					    		<div class="lbt_top">
					    			<p>预装软件的红与黑！从加法到减法</p>
					    		</div>
					    		<div class="lbt_bottom">
					    			<img src="img/history.png" />
					    			<span>10月19日 14:00 - 17:30</span>
					    			<img src="img/location.png" />
					    			<span>金广大厦2楼</span>
					    		</div>
					    	</div>
					    </div>
				    </div>
				    <!--<div class="swiper-pagination"></div>-->
				</div>
				
				<div class="college_title"></div>
				
				<div class="college">
					<div class="kimin">
						<div class="kimin_top clear_fix">
							<div class="kimin_top_left fl">
								<div class="touxiang fl">
									<img src="img/kimin.png" />
								</div>
								<div class="kimin_name fl">
									<h3>KIMIN</h3>
									<p>网络互动中心设计师</p>
								</div>
							</div>
							<div class="kimin_top_right fr">
								<h3><a href="college_link.html">预约报名</a> <span>&gt;</span></h3>
							</div>
						</div>
						<div class="kimin_center clear_fix">
							<div class="kimin_center_left fl">
								<p>高级移动应用开发</p>
							</div>
							<div class="kimin_center_right fr">
								<span>10月19日 14:00 - 17:30</span>
							</div>
						</div>
						<hr  style="font-size:0;height:1px;border:none;border-top:1px solid #e4e4e4;"/>
						<div class="kimin_bottom">
							<img src="img/xueyuan_bg.png" />
						</div>
					</div>
					<div class="college_title"></div>
					<div class="kimin">
						<div class="kimin_top clear_fix">
							<div class="kimin_top_left fl">
								<div class="touxiang fl">
									<img src="img/kimin.png" />
								</div>
								<div class="kimin_name fl">
									<h3>KIMIN</h3>
									<p>网络互动中心设计师</p>
								</div>
							</div>
							<div class="kimin_top_right fr">
								<h3><a href="college_link.html">预约报名</a>  <span>&gt;</span></h3>
							</div>
						</div>
						<div class="kimin_center clear_fix">
							<div class="kimin_center_left fl">
								<p>高级移动应用开发</p>
							</div>
							<div class="kimin_center_right fr">
								<span>10月19日 14:00 - 17:30</span>
							</div>
						</div>
						<hr  style="font-size:0;height:1px;border:none;border-top:1px solid #e4e4e4;"/>
						<div class="kimin_bottom">
							<img src="img/xueyuan_bg.png" />
						</div>
					</div>
					<div class="college_title"></div>
					<div class="kimin">
						<div class="kimin_top clear_fix">
							<div class="kimin_top_left fl">
								<div class="touxiang fl">
									<img src="img/kimin.png" />
								</div>
								<div class="kimin_name fl">
									<h3>KIMIN</h3>
									<p>网络互动中心设计师</p>
								</div>
							</div>
							<div class="kimin_top_right fr">
								<h3><a href="college_link.html">预约报名</a> <span>&gt;</span></h3>
							</div>
						</div>
						<div class="kimin_center clear_fix">
							<div class="kimin_center_left fl">
								<p>高级移动应用开发</p>
							</div>
							<div class="kimin_center_right fr">
								<span>10月19日 14:00 - 17:30</span>
							</div>
						</div>
						<hr  style="font-size:0;height:1px;border:none;border-top:1px solid #e4e4e4;"/>
						<div class="kimin_bottom">
							<img src="img/xueyuan_bg.png" />
						</div>
					</div>
				</div>
				
				<div class="loading">
					<p>加载更多</p>
				</div>
			</section>
			<footer>
				<a href="index.html">
					<div class="ft1">
						<img src="img/shouye.png"/>
						<p>首页</p>
					</div>
				</a>
				<a href="index.html">
					<div class="ft2">
						<img src="img/gimc.png"/>
						<p>GIMC</p>
					</div>
				</a>
				<a href="article.html">
					<div class="ft3">
						<img src="img/wenzhang.png"/>
						<p>文章</p>
					</div>
				</a>
				<a href="Resources.html">
					<div class="ft4">
						<img src="img/ziyuan.png"/>
						<p>资源</p>
					</div>
				</a>
				<a href="college.html">
					<div class="ft5">
						<img src="img/xueyuan2.png"/>
						<p class="fc">学院</p>
					</div>
				</a>
			</footer>
		</div>
		<!--登录弹窗-->
		<div class="loginBox">
			<label for="check">
				<span class="back">×</span>
			</label>
			<div class="login_top">
				<hr  style="height:1px;border:none;border-top:2px solid #555555;"/>
				<div class="touxiang">
					<img src="img/touxiang.png" />
				</div>
				<h3>
						<label for="check_entry">
							立即登陆
						</label>
				</h3>
				<p><a href="index.html">忘记密码</a></p>
			</div>
			<div class="title"></div>
			<div class="login_bottom">
				<label for="check2">
					<div class="text1 text3">
						<h3>GIMC</h3>
						<span>&gt;</span>
					</div>
				</label>
				<input type="checkbox" id="check2"/>
				<div class="text2">
					<p><a href="#">省广介绍</a></p>
					<p><a href="#">新闻资讯</a></p>
				</div>
				<a href="#"">
					<div class="text1 text3">
						<h3>文章</h3>
						<span>&gt;</span>
					</div>
				</a>	
				<a href="#">
					<div class="text1 text3">
						<h3>资源</h3>
						<span>&gt;</span>
					</div>
				</a>
				<a href="#">
					<div class="text1">
						<h3>课程</h3>
						<span>&gt;</span>
					</div>
				</a>	
			</div>
		</div>
		<!--弹窗搜索-->
		<div class="searchBox">
			<div class="search_top">
				<label for="check1">
					<span class="back">×</span>
				</label>
				<div class="search2">
					<input type="image" src="img/search2.png" />
					<input type="text" placeholder="Search">
				</div>
			</div>
			<div class="search_bottom">
				<div class="resou">
					<h3>热搜</h3>
					<p>省广股份</p>
					<p>移动互联网</p>
					<p>细分平台业务</p>
					<p>O2O</p>
					<p>媒介平台</p>
					<p>拥抱变革，创造未来</p>
					<p>平台</p>
					<p>上海金投赏创意节</p>
				</div>
			</div>
		</div>
		<!--弹窗登录-->
		<div class="entry">
			<div class="box">
				<div class="box_logo">
					<img src="img/logo1.png" />
				</div>
				<div class="box_login">
					<div class="user">
						<div class="user_left">
							<img src="img/user.png" />
						</div>
						<div class="user_right">
							<input type="text" placeholder="请输入已验证的手机号或邮箱" />
						</div>
					</div>
					<div class="password">
						<div class="password_left">
							<img src="img/password.png" />
						</div>
						<div class="password_right">
							<input type="password" placeholder="请输入密码" />
						</div>
					</div>
				</div>
				<div class="forget_password">
					<img src="img/forget.png" />
					<p>忘记密码</p>
				</div>
				<div class="but">
					<label for="check_entry1">
						<p>登陆</p>
					</label>
					<label>
						<p>注册</p>
					</label>
				</div>
				
			</div>
		</div>
		<!--登录成功-->
		<div class="loginBox1">
			<label for="check">
				<span class="back">×</span>
			</label>
			<div class="login_top">
				<hr  style="height:1px;border:none;border-top:2px solid #555555;"/>
				
				<div class="chenxiaomin">
					<img src="img/chenxiaomin.png" />
				</div>
				<div class="name">
					<h3>陈小敏</h3>
					<span>个人中心 &gt;</span>
				</div>
				<div class="wujiaoxing">
					<img src="img/wujiaoxing.png" />
					<img src="img/wujiaoxing.png" />
					<img src="img/wujiaoxing.png" />
					<img src="img/wujiaoxing.png" />
				</div>
				<div class="guanzhu">
					<p>关注</p>
					<p>36</p>
					<p>粉丝</p>
					<p>290</p>
				</div>
				<div class="shoucangfabu">
					<div class="shoucang">
						<p>我的收藏</p>
					</div>
					<div class="fabu">
						<p><a href="index.html">我的发布</a></p>
					</div>
				</div>
			</div>
			<div class="title"></div>
			<div class="login_bottom">
				<label for="check20">
					<div class="text1 text3">
						<h3>GIMC</h3>
						<span>&gt;</span>
					</div>
				</label>
				<input type="checkbox" id="check20"/>
				<div class="text20">
					<p><a href="#">省广介绍</a></p>
					<p><a href="#">新闻资讯</a></p>
				</div>
				<a href="#"">
					<div class="text1 text3">
						<h3>文章</h3>
						<span>&gt;</span>
					</div>
				</a>	
				<a href="#">
					<div class="text1 text3">
						<h3>资源</h3>
						<span>&gt;</span>
					</div>
				</a>
				<a href="#">
					<div class="text1">
						<h3>课程</h3>
						<span>&gt;</span>
					</div>
				</a>	
			</div>
			<div class="tuichu">
				<label for="check_entry">
					<p>退出</p>
				</label>
			</div>
		</div>
		<script src="js/swiper-4.3.3.min.js"></script>
		<script>
			 var swiper = new Swiper('.swiper-container',{
			 	pagination: {
        el: '.swiper-pagination',
      },
			 	autoplay: {
						 delay: 1500,//1.5秒切换一次
					},
				
			 });
		</script>
	</body>
</html>
